<!DOCTYPE html>
<html>
<head>
  <title>箱子管理系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" type="text/css" href="/css/style.css">
  <script src="/lib/jq/jquery-2.1.1.min.js"></script>
  <script src="/lib/jq/bootstrap.min.js"></script>
  <script type="text/javascript" src="/js/bootstrap-paginator.min.js"></script>
  <script type="text/javascript">
  $(function(){

  //获得浏览器参数
  $.extend({
  getUrlVars: function(){
  var vars = [], hash;
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for(var i = 0; i
  < hashes.length; i++){
  hash = hashes[i].split('=');
  vars.push(hash[0]);
  vars[hash[0]] = hash[1];
  }
  return vars;
  },
  getUrlVar: function(name){
  return $.getUrlVars()[name];
  }
  });

  //封装浏览器参数
  var composeUrlParams=function(){
  var param='';
  $.each($.getUrlVars(), function(i, item) {
  if(item!='p'){
  var val=$.getUrlVar(item);
  if(val) param += "&" + item+"="+val;
  }
  });
  return param;
  }

  //分页功能
  var options = {
  currentPage:<%- page.num %>,
  totalPages:<%- page.pageCount %>,
  numberOfPages:5,
  pageUrl: function(type, page, current) {    //页面跳转
      if(page!=<%- page.num %>){
          return '/box_management/active?num='+ page;
      }
  }
  }
  $('#page2').bootstrapPaginator(options);
  })
  </script>
</head>
<body style="margin:15px;">
<div id="lert"></div>
<% if (success) { %>
<div class="alert alert-success">
    <h4><%= success %></h4>
</div>
<% } %>
<% if (error) { %>
<div class="alert alert-error">
    <h4><%= error %></h4>
</div>
<% } %>
<legend>箱子管理</legend>
    <a href="/box_management/addActive?boxid=<%=boxid%>"><input style="width:55px;height:30px;background-color:#DBDBDB;border:1px solid #DBDBDB;border-radius:3px;margin-bottom: 15px;" type="button" value="新增" /></a>
    <table class="table table-bordered" >
      <tr>
        <td style="text-align: center;width:25%"><b>箱子ID</b></td>
        <td style="text-align: center;width:20%"><b>图片</b></td>
        <td style="text-align: center;width:25%"><b>活动名称</b></td>
        <td style="text-align: center;width:15%"><b>操作</b></td>
        <td style="text-align: center;width:15%"><b>时间</b></td>
      </tr>
      <% for(var i=0;i<datas.length;i++){ %>
      <tr>
        <td style="text-align: center;width:25%"><%=datas[i].box_id%></td>
        <td style="text-align: center;width:15%"><img src="<%=datas[i].imgurl%>" style="width: 100px;"></td>
        <td style="text-align: center;width:20%"><%=datas[i].activename%></td>
        <td style="text-align: center;width:40%">
          <a href="/box_management/remActive?id=<%=datas[i]._id%>"><input style="width:55px;height:30px;background-color:#DBDBDB;border:1px solid #DBDBDB;border-radius:3px;" onclick="return confirm('确定删除该箱子?')" type="button" value="删除"></a>
        </td>
        <td style="text-align: center;width:20%"><%=datas[i].date%></td>
      </tr>
      <%}%>
    </table>
  <div class="span12">
    <div id="page2"></div>
  </div>
</body>
</html>